// pages/rectangle.js
var utils = require("../../utils/util.js")
Page({

  /**
   * 页面的初始数据
   */
  data: {
    long: '',
    width: '',
    squareC: '0',
    squareS: '0'
  },

  // 长方形长输入框值改变事件
  inputLong: function(e) {
    let val = e.detail.value
    var num = val.match(/\./ig)
    if (num === null || num.length === 1) {
      this.setData({
        long: e.detail.value
      })
    }else{
      this.setData({
        long: this.data.long
      })
    }
  },

  //长方形宽输入框值改变事件
  inputWidth: function(e) {
    let val = e.detail.value
    var num = val.match(/\./ig)
    if (num === null || num.length === 1) {
      this.setData({
        width: e.detail.value
      })
    } else {
      var width = this.data.width
      this.setData({
        width: width
      })
    }
  },

  // 计算按钮点击事件
  count: function() {
    // 长方形长宽值不能为空或0
    if (utils.isEmpty(this.data.long)) {
      wx.showToast({
        title: '长不能为空',
        icon: 'none'
      })
      return
    } else if (utils.isEmpty(this.data.width)) {
      wx.showToast({
        title: '宽不能为空',
        icon: 'none'
      })
      return
    }
    console.log('输入的长是', this.data.long)
    let c = (parseFloat(this.data.long) + parseFloat(this.data.width)) * 2;
    let s = this.data.long * this.data.width;
    console.log(c)
    c = utils.keepPointTow(c);
    s = utils.keepPointTow(s);
    this.setData({
      squareC: c,
      squareS: s
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})